<template >
  <div class="concern">
    <p @click="click">返回</p>
    <div v-for="value in store.cart" :key="value.length" class="box1 ">
      <img :src="value.url" alt="">
      <p>{{ value.name }} </p>
      <p style=" margin-left: 10px; font-size:10px; margin-top: 20px">{{ value.adress }}</p>

      <div class="van-multi-ellipsis--l3">
        {{ value.adept }}
      </div>

    </div>

  </div>
</template>

<script lang="ts" setup>
import usePersonalStore from '../../store/modules/cart'
import {useRouter} from 'vue-router'
const router = useRouter()
const store = usePersonalStore()

const click = function(){
  router.back()
}

</script>

<style >
.box1 {
  height: 150px;
  width: 90%;
  ;
  background: rgb(243, 233, 233);
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 10px;
}

img {
  border-radius: 40px;
  width: 50px;
  height: 50px;
  margin: 20px;

}
</style>
